.messageModal {
  // 模态框组件覆盖样式
  background-color: #191919;
  .at-modal__content {
    padding: 0;
    border-radius: 30px !important;

    background-color: transparent !important;
  }
  .at-modal__container {
    background-color: transparent !important;
  }

  .modalContent {
    width: 100%;
    height: 332px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;

    .modalTitle {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #000;
      font-size: 32px;
    }
    .modalFooter {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-around;
      margin-top: 60px;
      width: 100%;

      .cancel {
        width: 208px;
        height: 72px;
        .cancelButton {
          width: 100%;
          height: 100%;
          border-radius: 40px;
          border: 1px solid #747afd;
          font-size: 28px;
          color: #747afd;
          background-color: #fff;
        }
      }
      .submit {
        width: 208px;
        height: 72px;

        .submitButton {
          width: 100%;
          height: 100%;
          border-radius: 40px;
          font-size: 28px;
          color: #ffffff;
          background: linear-gradient(172deg, #5e4ae7 0%, #6b3ada 100%);
          // background-color: #747afd;
        }
      }

      .cancel,
      .submit::after {
        border: 0;
      }
    }
  }
}
